﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="partner.aspx.cs" Inherits="WebSite.cn.partner" %>
<%@ Register src="head.ascx" tagname="head" tagprefix="uc1" %>
<%@ Register src="bottom.ascx" tagname="bottom" tagprefix="uc2" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

       <title><%=WebSite.info.info1("", "shoptitle")%></title>
    <meta name="Description" content="<%=WebSite.info.info1("","shopcontent")%>" /> 
    <meta name="Keywords" content="<%=WebSite.info.info1("","shopkey")%>" />
     <link rel="stylesheet" href="/cn/css/wookmark.css">
<script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script>

    <style type="text/css">
   <!--

.htmer_img{
   filter:alpha(opacity=80); /* IE */
   -moz-opacity:0.8; /* Moz + FF */
   opacity:0.8; /* 支持CSS3的浏览器（FF 1.5也支持）*/
}
.htmer_img_none{
}
.brand_content_list
{
    text-align:left;
 width:980px;
 padding-left:20px;
    }

.brand_content_list  img
{
    height:80px;
    margin:5px 3px;
     padding:5px;
     border:1px solid #c6c6c6;
    }
 .brand_left_title
 {
 width:980px; text-align:left; margin-top:10px;
     }
  .title
  {
   margin-top:5px;
   font-weight:bold;
      }
.partner_bg
{
 margin-left:10px;
 margin-top:10px;
 min-height:50px;
 width:890px;
 background-color:#E6F0F9;
 padding:10px 40px;
 line-height:24px;
    }

#divPartner
{
 width:980px;
 text-align:left;
 padding-left:40px;
 margin-top:10px;
 margin-bottom:10px;
 height:400px;
  min-height:400px;
    }
 #divPartner table
 {
  width:100%;
  margin-bottom:50px;
     }
  #divPartner input_left
  {
    width:20%;
      }
  #divPartner input_content
  {
   float:left;
    width:30%;
      }
      #divPartner td
      {
          padding-top:5px;
          }
  #divPartner input
  {
   border:1px solid #B7DEFD;
   height:20px;
    width:200px;
      }
#rblCertificate input
{
 width:15px;
  border:0px;
    }
    -->
</style>

   <script language="javascript" type="text/javascript">
 function validateContent() {

   
        
          if ($("#txtCompanyName").val() == "") {
              $("#txtCompanyName").select();
              $("#spCompanyName").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          } 
           else
          {
            $("#spCompanyName").html("<img src=\"/cn/images/right.gif\" />");
        }

        if ($("#txtLinker").val() == "") {
            $("#txtLinker").select();
            $("#spLinker").html("<img src=\"/cn/images/wrong.gif\" />");
            return false;
        }
        else {
            $("#spLinker").html("<img src=\"/cn/images/right.gif\" />");
        }
         
          if ($("#txtLinkTel").val() == "") {
              $("#txtLinkTel").select();
              $("#spLinkTel").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          }  
            else
          {
            $("#spLinkTel").html("<img src=\"/cn/images/right.gif\" />");
          }

           if ($("#txtEmail").val() == "") {
              $("#txtEmail").select();
              $("#spEmail").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          }
             else
          {
            $("#spEmail").html("<img src=\"/cn/images/right.gif\" />");
          }
          if ($("#txtGoodsType").val() == "") {
              $("#txtGoodsType").select();
              $("#spGoodsType").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          }
           else
          {
            $("#spGoodsType").html("<img src=\"/cn/images/right.gif\" />");
          }
           if ($("#txtEmail").val() == "") {
              $("#txtEmail").select();
              $("#spEmail").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          }
             else
          {
            $("#spEmail").html("<img src=\"/cn/images/right.gif\" />");
          }
           if ($("#txtAddress").val() == "") {
              $("#txtAddress").select();
              $("#spAddress").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          }
                 else
          {
            $("#spAddress").html("<img src=\"/cn/images/right.gif\" />");
          }
          if ($("#txtContent").val() == "") {
              $("#txtContent").select();
              $("#spContent").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          }
          else {
              $("#spContent").html("<img src=\"/cn/images/right.gif\" />");
          }


          return true;
      }


</script>
</head>
<body>
    <form id="form1" runat="server">
     
      <uc1:head ID="head1" runat="server" />                                                    
     <center>
    <div>
      <div class="page_navigater">
			<p><a href="/cn/index.aspx">首页</a>>合作商家</p>
	  </div>
    
       <div  class="brand_left_title"><img src="/cn/images/partner_brand_title.png" /></div>

           <div id="brand_content_list" role="brand_content_list" style="width:1100px">
                  
     
           
            <ul id="tiles">
          
         <%= sBrandPicHtml.ToString()%>

             </ul>
        <!-- These are our grid blocks -->
     
        <!-- End of grid blocks -->
     
         
    </div>

     
  
      <div  class="brand_left_title"><img src="/cn/images/partner_add.png" /></div>
         <div  class="brand_content_list title" >加入福利点点通的好处</div>
        <div  class="brand_content_list partner_bg" >
          福利点点通客户群体为企事业单位，我们以竭诚服务好每一位企业员工为经营主题，
          通过集中采购和统一配送，大幅削减中间环节，将产品直达送到消费者手中。<br />
          福利点点通不仅拥有强大的网络销售功能，而且建立了先进的客户服务中心和物流系统。
          客户不仅拥有至尊的客服体验并且可以享受便利快捷的送货服务。
        </div>
            <div  class="brand_content_list title" >福利点点通欢迎您的加入</div>

 <div id="divPartner">

 <table>
 <tr>
   <td class="input_left" >公司名：</td>
   <td class="input_content">
   <asp:TextBox ID="txtCompanyName" runat="server"></asp:TextBox>
   <font color="red" >*</font>
   <span id="spCompanyName" ></span>
   </td>
   <td class="input_left" >是否有营业执照或其它证件：
   
 </td>

  <td class="input_content">
      <asp:RadioButtonList ID="rblCertificate" TextAlign="Left" RepeatDirection="Horizontal" Width="100px" runat="server">
    <asp:ListItem Text="是" Value="1" Selected="True" ></asp:ListItem>
      <asp:ListItem Text="否" Value="0" ></asp:ListItem>
    </asp:RadioButtonList>
  </td>

  </tr>

   <tr>
   <td class="input_left" >联系人：</td>
   <td class="input_content">
   <asp:TextBox ID="txtLinker" MaxLength="300" runat="server"></asp:TextBox>
   <font color="red" >*</font>
      <span id="spLinker" ></span>
   <span></span>
   </td>
   <td class="input_left">联系电话：</td>
   <td class="input_content">
    <asp:TextBox ID="txtLinkTel" MaxLength="300" runat="server"></asp:TextBox>
       <font color="red" >*</font>
         <span id="spLinkTel" ></span>
   </td>
  </tr>

   <tr>
   <td class="input_left" >Email：</td>
   <td class="input_content" colspan="3">
   <asp:TextBox ID="txtEmail" MaxLength="300" runat="server"></asp:TextBox>
      <font color="red" >*</font>
      <span id="spEmail" ></span>
   </td>
 
  </tr>

      <tr>
   <td class="input_left" >商品类型：</td>
   <td class="input_content" colspan="3">
   <asp:TextBox ID="txtGoodsType" runat="server" MaxLength="300"></asp:TextBox>
      <font color="red" >*</font>
      <span id="spGoodsType" ></span>
   </td>
  </tr>

       <tr>
   <td class="input_left" >公司地址：</td>
   <td class="input_content" colspan="3">
   <asp:TextBox ID="txtAddress" Width="500px" MaxLength="300" runat="server"></asp:TextBox>
      <font color="red" >*</font>
        <span id="spAddress" ></span>
   </td>
 
  </tr>

     <tr>
   <td class="input_left" >合作内容：</td>
   <td class="input_content" colspan="3">
   <asp:TextBox TextMode="MultiLine" ID="txtContent" MaxLength="500" Width="500px" Height="100px"  runat="server"></asp:TextBox>
      <font color="red" >*</font>
        <span id="spContent" ></span>
   </td>
 
  </tr>
     <tr>
   <td class="input_left" >合作建议：</td>
   <td class="input_content" colspan="3">
   <asp:TextBox ID="txtSuggest"  TextMode="MultiLine" MaxLength="500" Width="500px" Height="100px"   runat="server"></asp:TextBox>
   </td>
 
  </tr>
  <tr>
  <td colspan="4">

    <asp:ImageButton  ImageUrl="/cn/images/partner_submit.png" 
           OnClientClick="return validateContent();" Width="121px" Height="41px" 
           runat="server" ID="ImageButton1" onclick="ImageButton1_Click" />

       <asp:ImageButton  ImageUrl="/cn/images/reset.png"   Width="121px" Height="41px" 
           runat="server" ID="ibtnReset" onclick="ibtnReset_Click" />
       
  </td>
  </tr>
    <td colspan="4">
  </td>
  </tr>
 
 </table>


</div>
     
   
           <div style="margin-top:100px;"></div>

    </div>
    
    </center>
     
       <uc2:bottom ID="bottom1" runat="server" /> 
    </form>
</body>
</html>


  <!-- Include the plug-in -->
  <script src="/js/jquery.wookmark.js"></script>
  
  <!-- Once the page is loaded, initalize the plug-in. -->
  <script type="text/javascript">
      $(document).ready(new function () {
          // Prepare layout options.
          var options = {
              autoResize: true, // This will auto-update the layout when the browser window is resized.
              container: $('#brand_content_list'), // Optional, used for some extra CSS styling
              offset: 2, // Optional, the distance between grid items
              itemWidth: 192 // Optional, the width of a grid item
          };

          // Get a reference to your grid items.
          var handler = $('#tiles li');

          // Call the layout function.
          handler.wookmark(options);

//          // Capture clicks on grid items.
//          handler.click(function () {
//              // Randomize the height of the clicked item.
//             var newHeight = $('img', this).height() + Math.round(Math.random() * 300 + 30);
//              $(this).css('height', newHeight + 'px');

//              // Update the layout.
//              handler.wookmark();
//          });
      });
  </script>
  
